/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 主题色系 */
$uni-color-primary: #4F4A4E; // 主色调
$uni-color-primary-light: #6B6569; // 主色调亮色
$uni-color-primary-dark: #3A3639; // 主色调暗色
$uni-color-success: #4CD964; // 成功色
$uni-color-warning: #F0AD4E; // 警告色
$uni-color-error: #DD524D; // 错误色

/* 文字颜色 */
$uni-text-color: #333333; // 主要文字
$uni-text-color-inverse: #FFFFFF; // 反色文字
$uni-text-color-grey: #999999; // 辅助灰色
$uni-text-color-placeholder: #CCCCCC; // 占位符
$uni-text-color-disable: #CCCCCC; // 禁用

/* 背景颜色 */
$uni-bg-color: #FFFFFF; // 主背景色
$uni-bg-color-grey: #F8F8F8; // 次要背景色
$uni-bg-color-hover: #F5F5F5; // 点击状态
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩层

/* 边框颜色 */
$uni-border-color: #EEEEEE; // 边框颜色

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-xs: 24rpx; // 极小
$uni-font-size-sm: 26rpx; // 小
$uni-font-size-base: 28rpx; // 基础
$uni-font-size-lg: 32rpx; // 大
$uni-font-size-xl: 36rpx; // 极大

/* 图片尺寸 */
$uni-img-size-xs: 40rpx; // 极小
$uni-img-size-sm: 60rpx; // 小
$uni-img-size-base: 80rpx; // 基础
$uni-img-size-lg: 120rpx; // 大
$uni-img-size-xl: 160rpx; // 极大

/* 圆角 */
$uni-border-radius-xs: 4rpx; // 极小
$uni-border-radius-sm: 8rpx; // 小
$uni-border-radius-base: 12rpx; // 基础
$uni-border-radius-lg: 16rpx; // 大
$uni-border-radius-xl: 24rpx; // 极大
$uni-border-radius-circle: 50%; // 圆形

/* 间距 */
$uni-spacing-xs: 10rpx; // 极小
$uni-spacing-sm: 20rpx; // 小
$uni-spacing-base: 30rpx; // 基础
$uni-spacing-lg: 40rpx; // 大
$uni-spacing-xl: 60rpx; // 极大

/* 阴影 */
$uni-shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); // 小阴影
$uni-shadow-base: 0 4rpx 12rpx rgba(0, 0, 0, 0.1); // 基础阴影
$uni-shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.1); // 大阴影

/* 透明度 */
$uni-opacity-disabled: 0.3; // 禁用状态透明度

/* 文章场景相关 */
$uni-color-title: #333333; // 标题颜色
$uni-font-size-title: 36rpx; // 标题字号
$uni-color-subtitle: #666666; // 副标题颜色
$uni-font-size-subtitle: 32rpx; // 副标题字号
$uni-color-paragraph: #666666; // 段落颜色
$uni-font-size-paragraph: 28rpx; // 段落字号

/* 动画 */
$uni-animation-duration-fast: 0.2s; // 快速动画
$uni-animation-duration-base: 0.3s; // 基础动画
$uni-animation-duration-slow: 0.4s; // 慢速动画